@-ms-viewport { 
	width: device-width;
}

* {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
	overflow:hidden;
}

body {
	width: 100%;
	height: 100%;
	background-color: #122;
	cursor: none;
}

#cover {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;

	/*スタート画面の画像*/
	background-image: url(../img/start.jpg);

	opacity: 1.0;
	-ms-transition: opacity 1s ease-in 0;
	-webkit-transition: opacity 1s ease-in-out 0;
	-moz-transition: opacity 1s ease-in-out 0;
}

#contents {
	display: block;
	position: absolute;
	background-color: #fff;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;

	opacity: 0.0;
	-ms-transition: left 0.5s ease-out 0, opacity 1s ease-in 0;
	-webkit-transition: left 1s ease-in-out 0, opacity 1s ease-in-out 0;
	-moz-transition: left 1s ease-in-out 0, opacity 1s ease-in-out 0;
}

#page {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 100%;

	background-color: #321;
	-ms-transition: left 0.5s ease-out 0;
	-webkit-transition: left 1s ease-in-out 0;
	-moz-transition: left 1s ease-in-out 0;
}

/*------------------------------------------------------------------

				MENU

------------------------------------------------------------------*/
.menu {
	position: absolute;
	background-color: #fff;
}

.menu img {
	opacity: 1.0;
	-ms-transition: opacity 0.1s ease-out 0;
}

.menu img:hover {
	opacity: 0.7;
}

#menu0 {

	background-color: #fff;
	top: 0px;
	left: 0px;
	width: 371px;
	height: 427px;
}

#menu1 {

	background-color: #fff;
	top: 0px;
	left: 384px;
	width: 384px;
	height: 427px;
}

#menu2 {
	background-color: #fff;
	top: 440px;
	left: 0px;
	width: 768px;
	height: 264px;
}

#menu3 {
	background-color: #fff;
	top: 716px;
	left: 0px;
	width: 371px;
	height: 227px;
}

#menu4 {
	background-color: #fff;
	top: 716px;
	left: 384px;
	width: 384px;
	height: 227px;
}

#menu5 {
	background-color: #fff;
	top: 955px;
	left: 0px;
	width: 768px;
	height: 254px;
}

#footer {
	position: absolute;
	/*ロゴなどの静的な画像*/
	background-image: url(../img/footer.jpg);
	top: 1209px;
	left: 0px;
	width: 768px;
	height: 157px;
}
